<template>
  <div >
    <h1>翻转事件</h1>
    <h2 v-show="fool">{{name}}</h2>
    <button @click="fa">点击翻转</button>
  </div>
</template>

<script>
export default {
  data () {
      return {
        fool:false,
          name:"我的无敌 你好棒的" 
      }
  },
  //方法放在methods函数中
  methods: {
    fa(){
      this.fool=true;
      this.name=this.name.split("").reverse().join("")
    }
  
  }
};
</script>

<style></style>
